<template>
  <div id="gywm">
    <div class="jrBanner">
      <div class="all">
        <div class="advantage">
          <div class="outer">
            <div class="above bj1">
              <div class="bjText bt1">
                <p>我的姓名</p>
              </div>
            </div>
            <div class="below">
              <p>潘晨</p>
              <p>云槿、隐没</p>
            </div>
          </div>
          <div class="outer">
            <div class="above bj2">
              <div class="bjText bt2">
                <p>毕业院校</p>
              </div>
            </div>
            <div class="below">
              <p>九江职业技术学院</p>
              <p>软件设计专业</p>
            </div>
          </div>
          <div class="outer">
            <div class="above bj3">
              <div class="bjText bt3">
                <p>工作经历</p>
              </div>
            </div>
            <div class="below">
              <p>山东河姆渡</p>
              <p>江苏超流信息有限公司</p>
            </div>
          </div>
        </div>
        <div class="introduce">
          <div class="text">
            <p>
                <span style="font-weight: bold;color: #aabbcc;">专业知识：</span>
                1、精通DIV+CSS页面布局，熟悉JS，熟练使用HTML5技术,响应式布局；了解Animate.css动画库。
                2、熟悉ajax、axios请求和常见的HTTP状态码。
                3、熟练使用Element、Vuetify、Vant 组件库；了解Echarts、阿里巴巴矢量图的使用。
                4、熟悉Vue.js框架进行项目开发；在项目中灵活运用vuex、混入等，以及es6语法来开发
                5、熟悉uniapp框架开发移动端app以及微信小程序，实现扫码、以及消息推送等功能
                6、熟练使用VS、HBuilder、微信开发者工具
            </p>
            <p>
              <span style="font-weight: bold;color: #aabbcc;">工作经历：</span>
              1、河姆渡是中国首家立足于“互联网+智能建筑”的互联网平台，是一家专做智能建筑、智能家居的 B2B 垂直交易平台，
              需求多节奏快，使用 vue+egg 框架进行开发，有自己集成的 cd 环境，使用微服务技术架构。
              2、江苏超流信息有限公司是专门从事软件开发的公司，主要为工业生产管理提供多平台线上服务。
            </p>
            <p>
              <span style="font-weight: bold;color: #aabbcc;">自我评价：</span>
              1、本人热爱软件事业，对软件开发有浓厚的兴趣，能承受较大的工作压力；
              2、具有良好的沟通能力，协调能力和团队合作能力，有责任心；
              3、逻辑思维能力强，能独立进行问题的分析，独立的搜索并解决遇到的问题；
              4、平时爱好逛技术论坛写博客；
              5、个人稳定性很好，会努力做好每一件事情，能及时完成领导分配的工作任务；
            </p>
          </div>
        </div>
        <div style="height: 50px;"></div> 
      </div>
    </div>
  </div>
</template>

<script type="text/javascript">
export default {
  name: 'gywm',
  data () {
    return {
    }
  },
  mounted: function () {
    $('#aboutUs').addClass('active').siblings().removeClass('active')
  }
}
</script>

<style scoped>
.jrBanner {
  width: 100%;
  background: #f6f6f6;
}
.jrBanner .all {
  width: 1190px;
  margin: 0 auto;
}
.advantage {
  width: 1190px;
  padding: 35px 0 24px 0;
  display: flex;
  justify-content: space-between;
}
.advantage .outer {
  width: 383px;
  height: 318px;
  background: #ffffff;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.18);
  border-radius: 8px;
}
.advantage .outer .above {
  width: 160px;
  height: 160px;
  margin: 0 auto;
  margin-top: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: 160px 160px;
}
.bj1 {
  background: url("//image01.homedo.com/Files/Images/cms/www/20210906/4888636731621443449_pic1.png")
    center top no-repeat;
}
.bj2 {
  background: url("//image01.homedo.com/Files/Images/cms/www/20210906/5570335389075909169_pic1.png")
    center top no-repeat;
}
.bj3 {
  background: url("//image01.homedo.com/Files/Images/cms/www/20210906/5456054244015462480_pic1.png")
    center top no-repeat;
}
.advantage .outer .above .bjText {
  width: 80px;
  height: 89px;
  background-size: 56px 56px;
}
.bt1 {
  background: url("//image01.homedo.com/Files/Images/cms/www/20210906/4687973217593987769_pic1.png")
    center top no-repeat;
}
.bt2 {
  background: url("//image01.homedo.com/Files/Images/cms/www/20210906/5355113451103691164_pic1.png")
    center top no-repeat;
}
.bt3 {
  background: url("//image01.homedo.com/Files/Images/cms/www/20210906/5069027994875349641_pic1.png")
    center top no-repeat;
}
.advantage .outer .above .bjText p {
  width: 80px;
  height: 28px;
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 28px;
  margin-top: 61px;
}
.advantage .outer .below {
  text-align: center;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #2a2e3f;
  margin-top: 24px;
}

/* 详细介绍 */
.introduce {
  width: 1190px;
  height: 335px;
  margin: 0 auto;
  background: url("//image01.homedo.com/Files/Images/cms/www/20210906/5405243393219448437_pic1.png")
    center top no-repeat;
  background-size: 1190px 335px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.18);
  border-radius: 8px;
}
.introduce .text {
  margin: 0 32px 0 31px;
  padding-top: 10px;
}
.introduce .text p {
  width: 1127px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #2a2e3f;
  line-height: 28px;
}
</style>
